﻿<div name="goobolcustomizepage">
    <div class=" jquery_slider " id="slider1_container">
        <!-- Loading Screen -->
        <div u="loading" class=" jquery_slider_loading ">
            <div class=" jquery_slider_loadingpre ">
            </div>
            <div class=" jquery_slider_loadingimg ">
            </div>
        </div>
        <!-- Slides Container -->
        <div u="slides" class=" slides ">
            <!--<div>
                    <img u="image" src="../jquery-slider/img/1920/red.jpg" />
                    <div u="caption" t="NO" t3="RTT|2" r3="137.5%" du3="3000" d3="500" style="position: absolute;
                        width: 445px; height: 300px; top: 100px; left: 600px;">
                        <img src="../jquery-slider/img/new-site/c-phone.png" style="position: absolute; width: 445px;
                            height: 300px; top: 0px; left: 0px;" />
                        <img u="caption" t="CLIP|LR" du="4000" t2="NO" src="../jquery-slider/img/new-site/c-jssor-slider.png"
                             style="position: absolute; width: 102px; height: 78px; top: 70px; left: 130px;" />
                        <img u="caption" t="ZMF|10" t2="NO" src="../jquery-slider/img/new-site/c-text.png"
                             style="position: absolute; width: 80px; height: 53px; top: 153px; left: 163px;" />
                        <img u="caption" t="RTT|10" t2="NO" src="../jquery-slider/img/new-site/c-fruit.png"
                             style="position: absolute; width: 140px; height: 90px; top: 60px; left: 220px;" />
                        <img u="caption" t="T" du="4000" t2="NO" src="../jquery-slider/img/new-site/c-navigator.png"
                             style="position: absolute; width: 200px; height: 155px; top: 57px; left: 121px;" />
                    </div>
                    <div u="caption" t="RTT|2" r="-75%" du="1600" d="2500" t2="NO" style="position: absolute;
                        width: 470px; height: 220px; top: 120px; left: 650px;">
                        <img src="../jquery-slider/img/new-site/c-phone-horizontal.png" style="position: absolute;
                            width: 470px; height: 220px; top: 0px; left: 0px;" />
                        <img u="caption" t3="MCLIP|L" du3="2000" src="../jquery-slider/img/new-site/c-slide-1.jpg"
                             style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" />
                        <img u="caption" t="MCLIP|R" du="2000" t2="NO" src="../jquery-slider/img/new-site/c-slide-3.jpg"
                             style="position: absolute; width: 379px; height: 213px; top: 4px; left: 45px;" />
                        <img u="caption" t="RTTL|BR" x="500%" y="500%" du="1000" d="-3000" r="-30%" t3="L"
                             x3="70%" du3="1600" src="../jquery-slider/img/new-site/c-finger-pointing.png"
                             style="position: absolute; width: 257px; height: 300px; top: 80px; left: 200px;" />
                        <img src="../jquery-slider/img/new-site/c-navigator-horizontal.png" style="position: absolute;
                            width: 379px; height: 213px; top: 4px; left: 45px;" />
                    </div>
                    <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px;
                        padding: 5px; text-align: left; line-height: 60px; text-transform: uppercase;
                        font-size: 50px; color: #FFFFFF;">
                        Touch Swipe Slider
                    </div>
                    <div style="position: absolute; width: 480px; height: 120px; top: 260px; left: 30px;
                        padding: 5px; text-align: left; line-height: 36px; font-size: 30px; color: #FFFFFF;">
                        Build your slider with anything, includes image, content, text, html, photo, picture
                    </div>
                </div>-->
            <div>
                <img u="image" goobolurl="src-goobolurlflag_1" />
                <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px;
                    padding: 5px; text-align: left; line-height: 60px; text-transform: uppercase;
                    font-size: 50px; color: #FFFFFF;">
                    Touch Swipe Slider
                </div>
                <div style="position: absolute; width: 480px; height: 120px; top: 260px; left: 30px;
                    padding: 5px; text-align: left; line-height: 36px; font-size: 30px; color: #FFFFFF;">
                    Build your slider with anything, includes image, content, text, html, photo, picture
                </div>
            </div>
            <div>
                <img u="image" goobolurl="src-goobolurlflag_2" />
                <div style="position: absolute; width: 480px; height: 120px; top: 30px; left: 30px;
                    padding: 5px; text-align: left; line-height: 60px; text-transform: uppercase;
                    font-size: 50px; color: #FFFFFF;">
                    Touch Swipe Slider
                </div>
                <div style="position: absolute; width: 480px; height: 120px; top: 260px; left: 30px;
                    padding: 5px; text-align: left; line-height: 36px; font-size: 30px; color: #FFFFFF;">
                    Build your slider with anything, includes image, content, text, html, photo, picture
                </div>
            </div>
        </div>
        <div u="navigator" class=" jssorb21 ">
            <div u="prototype" class=" prototype ">
            </div>
        </div>
        <span u="arrowleft" class=" jssora21l "></span><span u="arrowright" class=" jssora21r ">
        </span>
    </div>
    <div class="container">
        <div class="row clearfix">
            <div class="col-md-12 column center">
                <p>
                    &nbsp;</p>
                <h2 class="short word-rotator-title">
                    Our products focus on the following three aspects<br />
                </h2>
                <p>
                    &nbsp;</p>
            </div>
        </div>
        <div class="row clearfix">
            <div class="col-md-4 column">
                <div class="feature-box">
                    <div class="feature-box-icon">
                        <a href="#"><i class="icon ">
                                        <img src="#"></i></a>
                    </div>
                    <div class="feature-box-info">
                        <h4 class="shorter">
                            <a href="#">Goobol Solutions</a></h4>
                        <p class="tall">
                            We are devoted to provide a series of common needed solutions in OA fields, specializing
                            in the delivery of information management solutions to our clients, to propitiate
                            more efficient controls.</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 column">
                <div class="feature-box">
                    <div class="feature-box-icon">
                        <a href="#"><i class="icon ">
                                        <img src="#"></i></a>
                    </div>
                    <div class="feature-box-info">
                        <h4 class="shorter">
                            <a href="#">SharePoint Solutions</a></h4>
                        <p class="tall">
                            SharePoint is increasingly the platform of choice for enterprise applications. But
                            SharePoint alone is not enough for specific, high level needs, in this part, we
                            provide SharePoint software that expands and enhances SharePoint’s functionality,
                            and that’s what we have been working towards.</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 column">
                <div class="feature-box">
                    <div class="feature-box-icon">
                        <a href="#"><i class="icon ">
                                        <img src="#"></i></a>
                    </div>
                    <div class="feature-box-info">
                        <h4 class="shorter">
                            <a href="#">Jquery Solutions</a></h4>
                        <p class="tall">
                            JQuery simplifies building rich, interactive web front ends, but it’s not easy to
                            realize its breadth and depth, as JQuery lovers, we are committed to provide some
                            easy to use components that help you to develop complex, high-performance user interfaces.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row clearfix">
            <div class="col-md-12 column">
            </div>
        </div>
    </div>
</div>